﻿<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Assembly Name="Microsoft.Web.CommandUI, Version=15.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
<%@ Page Language="C#" AutoEventWireup="true" %>

<html>
    <head>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">

        <!-- Latest compiled and minified JavaScript -->
        <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
        <script src="/style%20library/ExtendedWiki/scripts/extendedWiki/insertCodeSnipped.js"></script>
        
        <script type="text/javascript">
            
            var ressourcesToLoad = new Array(
            // JavaScript Files
            "/style library/ExtendedWiki/scripts/extendedWiki/insertCodeSnipped.js",
            // CSS Files
            "/style library/ExtendedWiki/css/EwStyle.css"
            );
            Modernizr.load(ressourcesToLoad);

        </script>
        

    </head>
    <body>
       
            
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Insert your Snipped</h4>
            </div>  <!-- /modal-header -->
            <div class="modal-body">
              
                
                

                <div class="container-fluid Ew-InsertCodeSnippedMBox">
 
                    <div class="row-fluid"><!-- headerRow -->
                        <div class="col-md-6"><h3>Code Snipped</h3></div>
                        <div class="col-md-6"><h3>Highlight Preview</h3></div>
                    </div>
                    
                     <div class="row-fluid"><!-- DescriptionRow -->
                     <div class="col-md-6"><p>Bitte tragen Sie hier ihren Quellcode ein der mittels Syntaxhighlighting ausgestatter werden soll.</p></div>
                        <div class="col-md-6"><p>Damit das richtige Syntaxhighlightning angewandt werden kann, geben Sie bitte die Sprache des Quellcodes an.</p></div>
                    </div>

                     <div class="row-fluid"><!-- CodeTypeRow -->
 
                        <div class="col-md-offset-6 col-md-6">
                            <div class="btn-group Ew-CodeTypeButtons" data-toggle="buttons">
                              <label class="btn btn-default active">
                                <input type="radio" name="options" id="option0" > Auto
                              </label>
                              <label class="btn btn-default ">
                                <input type="radio" name="options" id="option1" > HTML
                              </label>
                              <label class="btn btn-default">
                                <input type="radio" name="options" id="option2"> CSS
                              </label>
                              <label class="btn btn-default">
                                <input type="radio" name="options" id="option3"> JavaScript
                              </label>
                                <label class="btn btn-default">
                                <input type="radio" name="options" id="option4"> C#
                              </label>
                            </div>
                        </div>
                    </div>

                    <div class="row-fluid"> <!-- ContentRow -->
                        <div class="col-md-6">
                      
                             <div class="panel panel-default">
                              <div class="panel-heading"><input type="text" class="form-control" placeholder="Titel"></div>
                              <div class="panel-body">
                                 <textarea id="Ew-CodePreviewInput" class="Ew-HighlightInput">Dein Snipped</textarea>
                              </div>
                            </div>
                            
                            
                        </div>
                        
                        <div class="col-md-6">
                          <div class="panel panel-default">
                              <div class="panel-heading"><h3 class="panel-title">Panel title</h3></div>
                              <div class="panel-body">
                                  <pre class="Ew-CodePreview"><code>Vorschau</code></pre>
                              </div>
                            </div>
                            
                        </div>

                    </div> 
                </div>
            
            
            
            
            </div> <!-- /modal-body -->
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>  <!-- /modal-footer -->
            
        

        
    </body>
    


</html>